/*
 * vim:ts=2:sw=2:et:ai
 */

body {
  font: 13px Arial; margin: 0.5em 1em;
}

#logo {
  background: url('logo.png') no-repeat ;
  width: 160px;
  height: 40px;
  float: left;
}

table {
  width: 100%;
  background: white;
}

th {
  text-align: left;
  border-bottom: 1px solid #000;
}

td {
  text-align: left;
}

td.right {
  text-align: right;
}

td.action{
  cursor:pointer;
  color:blue;
  text-align: center;
}

th.action{
  cursor:pointer;
  color:blue;
  text-align: center;
}

span.action{
  cursor:pointer;
  color:blue;
  text-align: center;
}

#motd {
  margin-left: 170px;
}

.infobox {
  background: #eed;
  padding: 1px 1em;
}

.help-message {
  color: #aaa;
}

#middle {
  margin: 0.5em 0;
}

#error {
  background: #c44;
  color: white;
  font-weight: bold;
}

#content, .menu-item-selected, .aal-title, .aal-content {
  background: #c3d9ff;
}

#content {
  overflow: hidden;
  min-height: 7em;
  padding: 1em;
}

.aal-title {
  padding: 1px 1ex;
}

.aal-content {
 padding: 1ex;
}

.aal-window {
}

.message-row {
  margin: 2px;
  border-bottom: 1px solid #bbb;
}

.message-timestamp {
  color: #484;
}

.message-user {
  margin-left: 0.5em;
  font-weight: bold;
}

.message-text {
  margin-left: 0.5em;
}

.message-user-server {
  color: purple;
}

.message-text-server {
  font-style: italic;
}

.errorMsg {
  color: red;
  font-weight: bold;
}

.warnMsg {
  color: orange;
  font-weight: bold;
}

.remoteFile-row {
  margin: 2px;
  border-bottom: 1px solid #bbb;
  overflow:hidden;
  background: white;
}

.remoteFile-name{
  width:200px;
  display:block;
  float:left;
  text-align:left;
  color: #484;
}

.remoteFile-date{
  width:300px;
  margin-left:4px;
  float:left;
}

.remoteFile-action{
  width:50px;
  margin-left:4px;
  float:left;
  cursor:pointer;
}

.aalItem-row {
  margin: 2px;
  border-bottom: 1px solid #bbb;
  overflow:hidden;
  background: white;
}

.aalItem-id{
  width:50px;
  display:block;
  float:left;
  text-align:left;
  color: #484;
}

.aalItem-name{
  width:200px;
  margin-left:4px;
  float:left;
}

.aalItem-viewType{
  width:100px;
  margin-left:4px;
  float:left;
  cursor:pointer;
}

.aalItem-message{
  width:300px;
  margin-left:4px;
  float:left;
  cursor:pointer;
}


/////////////////////////////// TEMPLATE ///////////////////////////////
.template-row {
  margin: 2px;
  border-bottom: 1px solid #bbb;
  background: white;
}
/////////////////////////////// TEMPLATE ///////////////////////////////

p.hilite { background:yellow; }
.main {
  padding: 0.5em;
  background: #f0fcff;
}

.messages {
  padding: 0.5em;
  background: #f0fcff;
}

#menu {
  margin-top: 1em;
  min-width: 7em;
  float: left;
}

#footer {
  position: fixed;
  bottom: 0;
  right: 0;
  color: #ccc;
  padding: 0.5em;
}

.section {
  clear: both;
}

.hidden {
  display: none;
}

.menu-item {
  cursor: pointer;
  padding: 0.1em 0.5em;
}

.menu-item-selected {
  font-weight: bold;
}

.message-list {
  min-height: 1em;
  background: white;
  margin: 0.5em 0;
}

.rounded {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.left-rounded {
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}

.bottom-rounded {
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}

.top-rounded {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
}
